.my-header{
  height: 200rpx;
  background-color:#FF4E22;
  color:#fff;
  display:flex;
  align-items:center;
  padding:30upx;
  font-size:38upx;
}
.my-header image{
  height:120upx;
  width:120upx;
  border-radius:120upx;
}
.my-header text{
  margin-left:20upx;
}
.login{
	 background-color:#FF4E22;
	 color:#fff;
	 margin: 0 0 0 20upx;
	 padding: 0;
}

.tui-list-view {
	padding-top: 60upx !important
}

.tui-list-cell-name {
	padding-left: 20upx;
	vertical-align: middle;
	line-height: 30upx;
}

.tui-list::after {
	left: 94upx !important
}

.tui-right {
	margin-left: auto;
	margin-right: 34upx;
	font-size: 26upx;
	line-height: 1;
	color: #999;
}

.tui-badge {
	margin-left: auto;
	margin-right: 34upx;
}
	
	
.tui-menu-itembox {
	padding: 40upx 10upx 0 10upx;
	background: #FFFFFF;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	font-size: 26upx;
}

.tui-menu-item {
	width: 18%;
	height: 160upx;
	border-radius: 24upx;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-right: 2%;
	margin-bottom: 2%;
}

.tui-menu-item:nth-of-type(4n) {
	margin-right: 0;
}

.tui-badge-box {
	position: relative;
}

.tui-badge-box .tui-badge-class {
	position: absolute;
	top: -5px;
	right: -5px;
}

.tui-msg-badge {
	top: -10px;
}
.tui-menu-text {
	padding-top: 12upx;
}	